<div>
    <video [poster]="video.img" width="100%" height="240px" [src]="video.mp4Video" controls autoplay></video>
</div>
<div class="video-bottom">
    
    <div>
        <span class="video-bottom1">简介</span>
    </div>
    <a>
        <div class="video-bottom2" (click)="goVideoComment(video)">
            <span>评论</span>
        </div>
    </a>
    <div class="video-bottom3">
        <span><input type="text" placeholder="点我发送弹幕" ></span>
        <span><img src=".//src/assets/modules/dan.png" style="width: 24px;"></span>
    </div>
</div>
<div class="subject">
    <div class="icon">
        <div class="icon-img"><img [src]="video.user?.avatar" alt="icon"></div>
        <div>
            <div class="icon-text1">{{video.user?.nickname}}</div>
            <div class="icon-text2">{{video.fans|toW}}粉丝&emsp;{{video.publishNumber|toW}}视频</div>
        </div>
        <span class="follow">+关注</span>
    </div>

    
    <div class="homepage-title">
        <div class="title-act">活动</div>
        <div class="long-title">{{video.content}}</div>
        <div class="title-img"><img src=".//src/assets/modules/xiajiantou.png"></div>
    </div>
    <div class="look">
        <div><img src=".//src/assets/modules/look.png" alt=""><span>{{video.countLike|toW}}</span></div>
        <div style="padding: 0px 10px"><img src=".//src/assets/modules/danmu_black.png" alt=""> <span>{{video.countComment|toW}}</span></div>
        <div style="padding: 0px 10px"><span style="line-height: 24px;">{{video.publishTime?.iso|date:"yyyy-MM-dd hh:mm"}}</span> </div>
        <div style="padding: 0px 10px"><img src=".//src/assets/modules/looking.png" alt=""> <span>4人正在看</span></div>
    </div>
    <table style="width: 100%;height: 70px; text-align: center; padding-top: 26px;border-bottom: 1px solid #f2f3f5;" >
        <tr class="table-img">
            <td (click)="Onchange(1)"><img id="on1" src=".//src/assets/modules/dianzan_kuai.png" alt=""></td>
            <td (click)="Onchange(2)"><img id="on2" src=".//src/assets/modules/nolike.png" alt=""></td>
            <td (click)="Onchange(3)"><img id="on3" src=".//src/assets/modules/toubi.png" alt=""></td>
            <td (click)="Onchange(4)"><img id="on4" src=".//src/assets/modules/shoucang.png" alt=""></td>
            <td (click)="Onchange(5)"><img id="on5" src=".//src/assets/modules/zhuanfa.png" alt=""></td>
        </tr>
        <tr class="table-title">
            <td>3249</td>
            <td>不喜欢</td>
            <td>1227</td>
            <td>567</td>
            <td>54</td>
        </tr>
    </table>

    <div class="list">
        <div class="list-item" *ngFor="let item of VideoList">
            <div class="item-left"><img src="{{item.image}}" alt=""></div>
            <div class="item-right">
                <div class="right-title">{{item.title}}</div>
                <div class="right-name">
                    <!-- <img src=".//src/assets/modules/up-logo.png" alt="" > -->{{item.name}} 
                </div>
                <div class="list-count">
                    <div class="count-like"><!-- <img src=".//src/assets/modules/look.png" alt="">-->{{item.likeCount|toW}}</div> 
                    <div class="count-comment"><!-- <img src=".//src/assets/modules/danmu_black.png" alt="">-->{{item.commentCount|toW}}</div>
                    <!-- <div><img src=".//src/assets/modules/diandiandian.png" alt="" ></div> -->
                </div>
            </div>
        </div>
    </div>

